<?php include('Sep 2013/php/funciones.php') ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="Sep 2013/js/jquery.min.js"></script>
<script type="text/javascript" src="Sep 2013/js/validate.js" ></script>
<script type="text/javascript" src="Sep 2013/js/rut.js" ></script>
<link rel="stylesheet" href="Sep 2013/css/style.css" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="Sep 2013/css/kickstart.css" media="all" />                
<script language="javascript">
//FUNCION PARA VALIDAR EL RUT
$(document).ready(function(){
$.validator.addMethod("rut_nose", function(value, element) {
return this.optional(element) || $.Rut.validar(value);
}, "Rut Invalido.");
$("#inicio").validate();
$('#rut').Rut({
on_error: function(){ alert('Rut incorrecto'); },
validation: true,
format:true
});
});
</script>

</head>
<body>
  <div class="container">
    <div class="login">
      <h1>Inicio Sesion</h1>
      <form name="inicio" method="POST" action="login/procesa.php">
        <p><input id="rut" name="rut" type="text" placeholder="Nombre de Usuario"/></p>
        <p><input type="password" name="password" placeholder="Contraseña"></p>
        <p>Periodo SEP <select name="periodo" id="periodo">
          <option value="2">2013-2014</option>
        </select>
        </p>
        <p class="submit"><button class="inset" style="margin-bottom:10px;"><span class="icon" data-icon="O" style="display: inline-block;"><span aria-hidden="true">O</span></span>Ingresar</button></p>
      </form>
    </div>

    <div class="login-help">
      <strong>Navegador</strong>: <?php echo getNav(); echo" "; ?><strong>Ip</strong>: <?php echo getRealIP(); ?>
    </div>
  </div>
</body>
</html>
